<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>中国非物质文化遗产网</title>
    <link rel="stylesheet" href="CSS/reset.css">
    <link rel="stylesheet" href="CSS/reset5.css">
    <link rel="stylesheet" href="CSS/index_section1.css">
    <link rel="stylesheet" href="CSS/index_section2.css">
    <link rel="stylesheet" href="CSS/index_section3.css">
    <link rel="stylesheet" href="CSS/index_section5.css">
    <link rel="stylesheet" href="CSS/index_section6.css">
    <link rel="stylesheet" href="CSS/index_section7.css">
    <link rel="stylesheet" href="CSS/index_section8.css">
    <link rel="stylesheet" href="CSS/index_section9.css">

    <script src="https://code.jquery.com/jquery-3.1.1.min.js"></script>
    <script src="JS/jquery.fullPage.min.js"></script>
    
    <script src="JS/loadAnimate.js"></script>

</head>

<body>

    <div id="index">

        <div class="section section1">
            <header class="header">
                <div class="headContent">

                    <div class="left">
                        <a href="" class="img_logo"><img src="./Images/index/logo.png" alt=""></a>
                        <a href="" class="img_span"><span>中国非物质文化遗产网 · 中国非物质文化遗产数字博物馆</span></a>
                    </div>
                    <div class="right"></div>
                </div>
                <div class="nav">
                    <ul>
                        <li>
                            <a href="">首页</a>
                        </li>
                        <li>
                            <a href="">机构</a>
                        </li>
                        <li>
                            <a href="">政策</a>
                        </li>
                        <li>
                            <a href="">资讯</a>
                            <div></div>
                        </li>
                        <li>
                            <a href="">清单</a>
                            <div></div>
                        </li>
                        <li>
                            <a href="">资源</a>
                            <div></div>
                        </li>
                        <li>
                            <a href="">学术</a>
                            <div></div>
                        </li>
                        <li>
                            <a href="">百科</a>
                            <div></div>
                        </li>
                    </ul>
                </div>

            </header>
            <div class="section1_bottom">
                <ul class="pointer_list">
                    <li></li>
                    <li></li>
                    <li></li>
                    <li></li>
                </ul>
            </div>
            <script src="JS/index/index.js"></script>
        </div>

        <div class="section section2">
            <!--- 背景条纹 --->
            <div class="barsList">
                <div class="bar bar1">
                    <div class="b1"></div>
                    <div class="b22"></div>
                </div>
                <div class="bar bar2">
                    <div class="b2"></div>
                    <div class="b23"></div>
                </div>
                <div class="bar bar3">
                    <div class="b3"></div>
                    <div class="b24"></div>
                </div>
                <div class="bar bar4">
                    <div class="b4"></div>
                    <div class="b25"></div>
                </div>
                <div class="bar bar5">
                    <div class="b5"></div>
                    <div class="b26"></div>
                </div>
                <div class="bar bar6">
                    <div class="b6"></div>
                    <div class="b27"></div>
                </div>
                <div class="bar bar7">
                    <div class="b7"></div>
                    <div class="b28"></div>
                </div>
                <div class="bar bar8">
                    <div class="b8"></div>
                    <div class="b29"></div>
                </div>
                <div class="bar bar9">
                    <div class="b9"></div>
                    <div class="b30"></div>
                </div>
                <div class="bar bar10">
                    <div class="b10"></div>
                    <div class="b31"></div>
                </div>
                <div class="bar bar11">
                    <div class="b11"></div>
                    <div class="b32"></div>
                </div>
                <div class="bar bar12">
                    <div class="b12"></div>
                    <div class="b33"></div>
                </div>
                <div class="bar bar13">
                    <div class="b13"></div>
                    <div class="b34"></div>
                </div>
                <div class="bar bar14">
                    <div class="b14"></div>
                    <div class="b35"></div>
                </div>
                <div class="bar bar15">
                    <div class="b15"></div>
                    <div class="b36"></div>
                </div>
                <div class="bar bar16">
                    <div class="b16"></div>
                    <div class="b37"></div>
                </div>
                <div class="bar bar17">
                    <div class="b17"></div>
                    <div class="b38"></div>
                </div>
                <div class="bar bar18">
                    <div class="b18"></div>
                    <div class="b39"></div>
                </div>
                <div class="bar bar19">
                    <div class="b19"></div>
                    <div class="b40"></div>
                </div>
                <div class="bar bar20">
                    <div class="b20"></div>
                    <div class="b41"></div>
                </div>
                <div class="bar bar21">
                    <div class="b21"></div>
                    <div class="b42"></div>
                </div>

            </div>
            <!----- 标题 ----->
            <div class="titleBar">
                <div class="titleContent">
                    <!-- <div class="top_logo"></div> -->
                    <div class="title">国家级非物质文化遗产代表性项目名录</div>
                    <!-- <div class="bottom_logo"></div> -->
                </div>

            </div>

            <div class="contents">
                <div class="content content1"></div>
                <div class="content content2"></div>
                <div class="content content3"></div>
                <div class="content content4"></div>
                <div class="content content5"></div>
                <div class="content content6"></div>
                <div class="content content7"></div>
                <div class="content content8"></div>
                <div class="content content9"></div>
                <div class="content content10"></div>
            </div>


        </div>

        <div class="section section3">
            <!--- 背景条纹 --->
            <div class="barsList">
                <div class="bar bar1">
                    <div class="bTop b1"></div>
                    <div class="bBottom b22"></div>
                </div>
                <div class="bar bar2">
                    <div class="bTop b2"></div>
                    <div class="bBottom b23"></div>
                </div>
                <div class="bar bar3">
                    <div class="bTop b3"></div>
                    <div class="bBottom b24"></div>
                </div>
                <div class="bar bar4">
                    <div class="bTop b4"></div>
                    <div class="bBottom b25"></div>
                </div>
                <div class="bar bar5">
                    <div class="bTop b5"></div>
                    <div class="bBottom b26"></div>
                </div>
                <div class="bar bar6">
                    <div class="bTop b6"></div>
                    <div class="bBottom b27"></div>
                </div>
                <div class="bar bar7">
                    <div class="bTop b7"></div>
                    <div class="bBottom b28"></div>
                </div>
                <div class="bar bar8">
                    <div class="bTop b8"></div>
                    <div class="bBottom b29"></div>
                </div>
                <div class="bar bar9">
                    <div class="bTop b9"></div>
                    <div class="bBottom b30"></div>
                </div>
                <div class="bar bar10">
                    <div class="bTop b10"></div>
                    <div class="bBottom b31"></div>
                </div>
                <div class="bar bar11">
                    <div class="bTop b11"></div>
                    <div class="bBottom b32"></div>
                </div>
                <div class="bar bar12">
                    <div class="bTop b12"></div>
                    <div class="bBottom b33"></div>
                </div>
                <div class="bar bar13">
                    <div class="bTop b13"></div>
                    <div class="bBottom b34"></div>
                </div>
                <div class="bar bar14">
                    <div class="bTop b14"></div>
                    <div class="bBottom b35"></div>
                </div>
                <div class="bar bar15">
                    <div class="bTop b15"></div>
                    <div class="bBottom b36"></div>
                </div>
                <div class="bar bar16">
                    <div class="bTop b16"></div>
                    <div class="bBottom b37"></div>
                </div>
                <div class="bar bar17">
                    <div class="bTop b17"></div>
                    <div class="bBottom b38"></div>
                </div>
                <div class="bar bar18">
                    <div class="bTop b18"></div>
                    <div class="bBottom b39"></div>
                </div>
                <div class="bar bar19">
                    <div class="bTop b19"></div>
                    <div class="bBottom b40"></div>
                </div>
                <div class="bar bar20">
                    <div class="bTop b20"></div>
                    <div class="bBottom b41"></div>
                </div>
                <div class="bar bar21">
                    <div class="bTop b21"></div>
                    <div class="bBottom b42"></div>
                </div>

            </div>
            <!--- 中间内容区 --->
            <div class="center">
                <div class="center_contents">
                    <div class="line1"><span>中国入选联合国教科文组织非物质文化遗产名录（名册）项目</span></div>
                    <div class="line2"><span>共计<span style="font-size:2.1429rem;">42</span> 项</span></div>
                    <div class="line3"><a href=""><span class="more">查看更多</span></a></div>
                </div>


            </div>
        </div>

        <div class="section section4"></div>

        <div class="section section5">
            <div class="section05 clearfix">
                <div class="maptitle">
                    <span>非物质文化遗产地图</span>
                </div>
                <div class="mapall">
                    <div class="map">
                        <div class="mappoint p1">
                            <div class="city">
                                <span>黑龙江省</span>
                            </div>
                            <div class="coordinate">
                                <span><i class="iconfont">&#xe768;</i> 黑龙江省</span>    
                            </div>
                        </div>
                        <div class="mappoint p2">
                            <div class="city">
                                <span>吉林省</span>
                            </div>
                            <div class="coordinate">
                                <span><i class="iconfont">&#xe768;</i> 吉林省</span>    
                            </div>
                        </div>
                        <div class="mappoint p3">
                            <div class="city">
                                <span>辽宁省</span>
                            </div>
                            <div class="coordinate">
                                <span><i class="iconfont">&#xe768;</i> 辽宁省</span>    
                            </div>
                        </div>
                        <div class="mappoint p4">
                            <div class="city">
                                <span>北京市</span>
                            </div>
                            <div class="coordinate">
                                <span><i class="iconfont">&#xe768;</i>北京市</span>  
                            </div>
                        </div>
                        <div class="mappoint p5">
                            <div class="city">
                                <span>河北省</span>
                            </div>
                            <div class="coordinate">
                                <span><i class="iconfont">&#xe768;</i> 河北省</span>    
                            </div>
                        </div>
                        <div class="mappoint p6">
                            <div class="city">
                                <span>山西省</span>
                            </div>
                            <div class="coordinate">
                                <span><i class="iconfont">&#xe768;</i> 山西省</span>    
                            </div>
                        </div>
                        <div class="mappoint p7">
                            <div class="city">
                                <span>山东省</span>
                            </div>
                            <div class="coordinate">
                                <span><i class="iconfont">&#xe768;</i> 山东省</span>    
                            </div>
                        </div>
                        <div class="mappoint p8">
                            <div class="city">
                                <span>河南省</span>
                            </div>
                            <div class="coordinate">
                                <span><i class="iconfont">&#xe768;</i> 河南省</span>    
                            </div>
                        </div>
                        <div class="mappoint p9">
                            <div class="city">
                                <span>安徽省</span>
                            </div>
                            <div class="coordinate">
                                <span><i class="iconfont">&#xe768;</i> 安徽省</span>    
                            </div>
                        </div>
                        <div class="mappoint p10">
                            <div class="city">
                                <span>江苏省</span>
                            </div>
                            <div class="coordinate">
                                <span><i class="iconfont">&#xe768;</i> 江苏省</span>    
                            </div>
                        </div>
                        <div class="mappoint p11">
                            <div class="city">
                                <span>湖北省</span>
                            </div>
                            <div class="coordinate">
                                <span><i class="iconfont">&#xe768;</i> 湖北省</span>    
                            </div>
                        </div>
                        <div class="mappoint p12">
                            <div class="city">
                                <span>陕西省</span>
                            </div>
                            <div class="coordinate">
                                <span><i class="iconfont">&#xe768;</i> 陕西省</span>    
                            </div>
                        </div>
                        <div class="mappoint p13">
                            <div class="city">
                                <span>甘肃省</span>
                            </div>
                            <div class="coordinate">
                                <span><i class="iconfont">&#xe768;</i> 甘肃省</span>    
                            </div>
                        </div>
                        <div class="mappoint p14">
                            <div class="city" style="white-space:wrap ;">
                                <span>宁夏回族<br>自治区</span>
                            </div>
                            <div class="coordinate">
                                <span><i class="iconfont">&#xe768;</i> 宁夏回族自治区</span>    
                            </div>
                        </div>
                        <div class="mappoint p15">
                            <div class="city">
                                <span>四川省</span>
                            </div>
                            <div class="coordinate">
                                <span><i class="iconfont">&#xe768;</i> 四川省</span>    
                            </div>
                        </div>
                        <div class="mappoint p16">
                            <div class="city">
                                <span>青海省</span>
                            </div>
                            <div class="coordinate">
                                <span><i class="iconfont">&#xe768;</i> 青海省</span>    
                            </div>
                        </div>
                        <div class="mappoint p17">
                            <div class="city">
                                <span>内蒙古自治区</span>
                            </div>
                            <div class="coordinate">
                                <span><i class="iconfont">&#xe768;</i> 内蒙古自治区</span>    
                            </div>
                        </div>
                        <div class="mappoint p18">
                            <div class="city">
                                <span>新疆维吾尔自治区</span>
                            </div>
                            <div class="coordinate">
                                <span><i class="iconfont">&#xe768;</i> 新疆维吾尔自治区</span>    
                            </div>
                        </div>
                        <div class="mappoint p19">
                            <div class="city">
                                <span>西藏自治区</span>
                            </div>
                            <div class="coordinate">
                                <span><i class="iconfont">&#xe768;</i> 西藏自治区</span>    
                            </div>
                        </div>
                        <div class="mappoint p20">
                            <div class="city">
                                <span>重庆市</span>
                            </div>
                            <div class="coordinate">
                                <span><i class="iconfont">&#xe768;</i> 重庆市</span>    
                            </div>
                        </div>
                        <div class="mappoint p21">
                            <div class="city">
                                <span>云南省</span>
                            </div>
                            <div class="coordinate">
                                <span><i class="iconfont">&#xe768;</i> 云南省</span>    
                            </div>
                        </div><div class="mappoint p22">
                            <div class="city">
                                <span>贵州省</span>
                            </div>
                            <div class="coordinate">
                                <span><i class="iconfont">&#xe768;</i> 贵州省</span>    
                            </div>
                        </div><div class="mappoint p23">
                            <div class="city">
                                <span>湖南省</span>
                            </div>
                            <div class="coordinate">
                                <span><i class="iconfont">&#xe768;</i> 湖南省</span>    
                            </div>
                        </div><div class="mappoint p24">
                            <div class="city">
                                <span>江西省</span>
                            </div>
                            <div class="coordinate">
                                <span><i class="iconfont">&#xe768;</i> 江西省</span>    
                            </div>
                        </div><div class="mappoint p25">
                            <div class="city">
                                <span>浙江省</span>
                            </div>
                            <div class="coordinate">
                                <span><i class="iconfont">&#xe768;</i> 浙江省</span>    
                            </div>
                        </div><div class="mappoint p26">
                            <div class="city">
                                <span>福建省</span>
                            </div>
                            <div class="coordinate">
                                <span><i class="iconfont">&#xe768;</i> 福建省</span>    
                            </div>
                        </div><div class="mappoint p27">
                            <div class="city">
                                <span>广西壮族 <br>自治区</span>
                            </div>
                            <div class="coordinate">
                                <span><i class="iconfont">&#xe768;</i> 广西壮族自治区</span>    
                            </div>
                        </div><div class="mappoint p28">
                            <div class="city">
                                <span>广东省</span>
                            </div>
                            <div class="coordinate">
                                <span><i class="iconfont">&#xe768;</i> 广东省</span>    
                            </div>
                        </div>
                        <div class="mappoint p29">
                            <div class="city">
                                <span>香港</span>
                            </div>
                            <div class="coordinate">
                                <span><i class="iconfont">&#xe768;</i> 香港</span>    
                            </div>
                        </div><div class="mappoint p30">
                            <div class="city">
                                <span>澳门</span>
                            </div>
                            <div class="coordinate">
                                <span><i class="iconfont">&#xe768;</i> 澳门</span>    
                            </div>
                        </div>
                        <div class="mappoint p31">
                            <div class="city">
                                <span>上海市</span>
                            </div>
                            <div class="coordinate">
                                <span><i class="iconfont">&#xe768;</i> 上海市</span>    
                            </div>
                        </div><div class="mappoint p32">
                            <div class="city">
                                <span>海南省</span>
                            </div>
                            <div class="coordinate">
                                <span><i class="iconfont">&#xe768;</i> 海南省</span>    
                            </div>
                        </div><div class="mappoint p33">
                            <div class="city">
                                <span>台湾省</span>
                            </div>
                            <div class="coordinate">
                                <span><i class="iconfont">&#xe768;</i> 台湾省</span>    
                            </div>
                        </div>
                    </div>
                    <div class="mapcontent">
                        <div class="map-cont">
                            <div class="yichan01">【 全国 】</div>
                            <div class="yichan02">
                                <div class="yichan1"><a href="#">国家级代表性项目</a></div>
                                <div class="yichan2"><a href="#">国家级代表性继承人</a></div>
                            </div>
                            <div class="yichan03">
                                <div class="yichan3">
                                    <div class="m1 m_1">
                                        <a href="#">
                                            <div class="num">251</div>
                                            <div class="yichantitle">民间文学</div>
                                        </a>
                                    </div>
                                    <div class="m1 m_1">
                                        <a href="#">
                                            <div class="num">431</div>
                                            <div class="yichantitle">传统音乐</div>
                                        </a>
                                    </div>
                                    <div class="m1 m_1">
                                        <a href="#">
                                            <div class="num">356</div>
                                            <div class="yichantitle">传统舞蹈</div>
                                        </a>
                                    </div>
                                    <div class="m2 m_2">
                                        <a href="#">
                                            <div class="num">473</div>
                                            <div class="yichantitle">传统戏剧</div>
                                        </a>
                                    </div>
                                    <div class="m2 m_2">
                                        <a href="#">
                                            <div class="num">213</div>
                                            <div class="yichantitle">曲艺</div>
                                        </a>
                                    </div>
                                    <div class="m2 m_2">
                                        <a href="#">
                                            <div class="num">166</div>
                                            <div class="yichantitle">传统体育、 <br> 游艺与杂技</div>
                                        </a>
                                    </div>
                                    <div class="m2 m_2">
                                        <a href="#">
                                            <div class="num">417</div>
                                            <div class="yichantitle">传统美术</div>
                                        </a>
                                    </div>
                                    <div class="m2 m_3">
                                        <a href="#">
                                            <div class="num">629</div>
                                            <div class="yichantitle">传统技艺</div>
                                        </a>
                                    </div>
                                    <div class="m_4">
                                        <a href="#" style="margin-bottom: 5%;">
                                            <div class="num">182</div>
                                            <div class="yichantitle">传统医药</div>
                                        </a>
                                        <a href="#">
                                            <div class="num">492</div>
                                            <div class="yichantitle">民俗</div>
                                        </a>
                                    </div>
                                </div>
                                <div class="yichan4">
                                    <div class="shuoming">说明；数据来自国务院及国家文化和旅游行政主管部门公开信息，台湾省暂无数据，数据统计截至2021年06月30日</div>
                                    <div class="total">
                                        总计：
                                        <span>3610</span>
                                        项
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

        </div>

        <div class="section section6">
            <div class="imgs">
                <div class="L-img imgs1"></div>
                <div class="L-img imgs2"></div>
                <div class="L-img imgs3"></div>
                <div class="L-img imgs4"></div>
                <div class="L-img imgs5"></div>
                <div class="L-img imgs6"></div>
            </div>
            <div class="right">
                <div class="title">
                    <div class="titleText">
                        <div>人物</div>
                    </div>
                </div>

                <div class="peoplesList">
                    <div class="people p1">
                        <div>
                            <a href="javascript:;" target="_blank" title="张树萍：初心不改，戏大于天">张树萍：初心不改，戏大于天
                            </a>
                        </div>
                    </div>

                    <div class="people p2">
                        <div> <a href="javascript:;" target="_blank" title="刘兰芳：从艺60周年回眸">刘兰芳：从艺60周年回眸
                            </a>
                        </div>
                    </div>

                    <div class="people p3">
                        <div>
                            <a href="javascript:;" target="_blank" title="刘魁立：行走田野 问俗追风">刘魁立：行走田野
                                问俗追风
                            </a>
                        </div>
                    </div>

                    <div class="people p4">
                        <div>
                            <a href="javascript:;" target="_blank" title="姚惠芬：走进威尼斯双年展的中国苏绣大师">姚惠芬：走进威尼斯双年展的中国苏绣大师
                            </a>
                        </div>
                    </div>

                    <div class="people p5">
                        <div>
                            <a href="javascript:;" target="_blank" title="尚长荣：“老戏骨”的创新之路">尚长荣：“老戏骨”的创新之路
                            </a>
                        </div>
                    </div>

                    <div class="people p6">
                        <div>
                            <a href="javascript:;" target="_blank" title="刘锡诚：心无旁骛的民间文学守望者">刘锡诚：心无旁骛的民间文学守望者
                            </a>
                        </div>
                    </div>
                </div>

                <div class="more"></div>

            </div>

        </div>


        <div class="section section7">

            <div class="img img1"><img src="./Images/index7/1.png" alt=""></div>
            <div class="img img2"><img src="./Images/index7/2.png" alt=""></div>
            <div class="content cnt1">
                <div class="head1">中国非物质文化遗产传承人研修培训计划</div>
                <div class="article1">
                    <p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                        自2015年“中国非物质文化遗产传承人群研修研习培训计划”实施以来，完成了“十三五”培训传承人群10万人次的目标任务，形成了较为明确的教学体系、工作规范和管理方式，有效调动了院校参与非物质文化遗产（以下简称“非遗”）保护工作，为非遗保护引入了重要力量；扩大了非遗传承人才队伍，促进了非遗保护理念的社会传播；提高了传统工艺设计制作水平，改善了一批项目保护传承情况；拓展了非遗保护传承的手段和方式，推动了一批示范性项目和探索性项目。同时，在振兴传统工艺、促进曲艺传承发展、助力脱贫攻坚等方面发挥了积极作用，社会影响力不断增强。“中国非物质文化遗产传承人群研修研习培训计划”已经成为非遗保护事业的一项基础性、战略性工作。
                    </p>
                </div>
                <div class="more more1"><a href=""><span class="m">查看更多</span></a></div>
            </div>
            <div class="content cnt2">
                <div class="head2">传统工艺振兴计划</div>
                <div class="article2">
                    <p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                        为落实党的十八届五中全会关于“构建中华优秀传统文化传承体系，加强文化遗产保护，振兴传统工艺”和《中华人民共和国国民经济和社会发展第十三个五年规划纲要》关于“制定实施中国传统工艺振兴计划”的要求，促进中国传统工艺的传承与振兴，文化部、工业和信息化部、财政部联合制定了《中国传统工艺振兴计划》，于2017年3月正式出台。
                    </p>
                </div>
                <div class="more more2"><a href=""><span class="m">查看更多</span></a></div>
            </div>

        </div>

        <div class="section section8">

            <div class="left">

                <div class="title">
                    <div class="titleText">
                        <div>展览</div>
                    </div>

                    <div class="emptyBox"></div>

                    <div class="lookmore">
                        <a href=""><span class="more">查看更多</span></a>
                    </div>
                </div>
            </div>


            <div class="right">
                <div class="king">
                    <ul>
                        <li class="li1">
                            <div class="imgdiv" style="background:url('./Images/index8/1.jpg');background-size: cover;">
                                <div class="title">
                                    <div class="titleText">
                                        <div style="color:#f0e5d8;">昆区艺术</div>
                                    </div>
                                </div>
                            </div>

                        </li>
                        <li class="li2">
                            <div class="imgdiv"
                                style="background: url('./Images/index8/2.jpg');background-size: cover;">
                                <div class="title">
                                    <div class="titleText">
                                        <div style="color:#c3b09a;">中国非物质文化遗产保护成果展</div>
                                    </div>
                                </div>
                            </div>

                        </li>
                        <li class="li3">
                            <div class="imgdiv"
                                style="background: url('./Images/index8/3.jpg');background-size: cover;">
                                <div class="title">
                                    <div class="titleText">
                                        <div style="color:#9e8f8f;">中国非物质文化遗产专题展</div>
                                    </div>
                                </div>
                            </div>

                        </li>
                        <li class="li4">
                            <div class="imgdiv"
                                style="background: url('./Images/index8/4.jpg');background-size: cover;">
                                <div class="title">
                                    <div class="titleText">
                                        <div>文化和自然遗产日</div>
                                    </div>

                                    <div class="emptyBox"></div>

                                    <div class="lookmore">
                                        <a href=""><span class="more">查看更多</span></a>
                                    </div>
                                </div>
                            </div>

                        </li>
                        <li class="li5">
                            <div class="imgdiv"
                                style="background: url('./Images/index8/5.jpg');background-size: cover;">
                                <div class="title">
                                    <div class="titleText">
                                        <div>公开课</div>
                                    </div>

                                    <div class="emptyBox"></div>
                                    <div class="lookmore">
                                        <a href=""><span class="more">查看更多</span></a>
                                    </div>
                                </div>
                            </div>

                        </li>
                    </ul>

                </div>
            </div>



        </div>

        <div class="section section9">
            <div class="footer">
                <div class="top">
                    <div class="wrap1">
                        <div class="left">
                            <div class="h">
                                <div>友情链接</div>
                            </div>

                            <div>
                                <div class="ul">
                                    <div class="scrollbox">
                                        <div class="container">
                                            <ul>
                                                <li><a href="">中华人民共和国文化和旅游部</a></li>
                                                <li><a href="">国家文物局</a></li>
                                                <li><a href="">联合国教育、科学与文化组织</a></li>
                                            </ul>
                                        </div>
                                        <div class="separationLine">
                                            <div class="scrollbarContainer"></div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="right"></div>
                    </div>
                </div>

                <div class="center">
                    <div class="wrap2"></div>
                </div>

                <div class="bottom">
                    <div class="barsList"></div>
                </div>
            </div>
        </div>

    </div>

    <script src="JS/index/index_section3.js"></script>
    <script src="js/index/index_section5.js"></script>
    <script src="JS/index/index_section6.js"></script>
    <script src="JS/index/index_section8.js"></script>
</body>

</html>